@charset "utf-8";

@function px2rem($px){
    $rem:37.5px;
    @return ($px / $rem) + rem;
}
$pink : pink;
$yellowgreen : yellowgreen;
$gray : gray;
html{
    margin: 0;
    padding: 0;
    body{
        margin: 0;
        padding: 0;
    }
    // font-size: px2rem(20px);
    // div{
    //   font-size: px2rem(60px);  
    // }
    ul{
        text-decoration: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    li{
        text-decoration: none;
        list-style: none;
    }
}
.header{
    height: px2rem(40px);
    width: 100%;
    background-color: red;
    padding-left: px2rem(23px);
    .header-item{
        float: left;
        color:#ffcdce;
        font-size: px2rem(16px);
        margin-right: px2rem(20px);
        line-height: px2rem(40px);
        &:nth-child(2){
            color: #fff;
            font-size: px2rem(17px);
        }
    }
}

.banner-content{
    position: relative;
    .banner{
        display: block;
        width: 100%;
        height: px2rem(190px);
    }
    .banner-title{
        position: absolute;
        left:px2rem(20px);
        bottom:px2rem(20px);
        font-size: px2rem(16px);
        color:#fff;
    }
}
.news-content{
    .news-item {
        width: 100%;
        height: px2rem(90px);
        padding-left: px2rem(15px);
        padding-right: px2rem(15px);
    }
    .news-inner{
        border-bottom: px2rem(1px) solid #e5e5e5;
    } 
}